<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>千山智能声波电动牙刷</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="pc-view">
			<div class="page">
				<img src="images/page1.jpg" alt="千山智能声波电动牙刷"/>
				<a class="buy-btn" href="https://qianshangrhl.tmall.com/?spm=a1z10.3-b-s.1997427721.d4918089.26132882xV3Dmn" target="_blank" title="千山官方旗舰店-天猫">
					<img src="images/buy.png" alt="点击购买"/>
				</a>
			</div>
			<div class="page">
				<img src="./images/page2.jpg"/>
				<img src="./images/page3.jpg"/>
				<img src="./images/page4.jpg"/>
				<img src="./images/page5.jpg"/>
			</div>
			<div class="page">
				<img src="./images/page6.jpg"/>
				<div class="btn-wrap">
					<a class="weibo-btn" href="https://weibo.com/p/1006066434903260/home?from=page_100606&mod=TAB#place" title="点击访问官方微博" target="_blank">
						<img src="images/weibo.png" alt="qianshan-weibo"/>
					</a>
					<span class="weixin-btn" title="扫码关注-官方微信">
						<img src="images/weixin.png" alt="qianshan-weixin" />
						<img src="images/wechat.jpg" alt="官方微信" class="hover-img">
					</span>
				</div>
			</div>
			<div class="page">
				<div class="check-wrap">
					<span class="arrow arrow-l"></span>
					<span class="arrow arrow-l"></span>
					<span class="arrow arrow-l"></span>
					<a href="http://www.china3-15.com" title="防伪查询入口" class="check-btn">防伪查询入口</a>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-r"></span>
				</div>
				<img src="./images/page7.jpg"/>
				<a href="https://www.jd.com" target="_blank" class="jd-btn shop-btn"></a>
				<a href="https://www.taobao.com" target="_blank" class="taobao-btn shop-btn"></a>
			</div>
		</div>
		<div class="m-view">
			<div class="page">
				<img src="images/m-page1.jpg" alt="千山智能声波电动牙刷"/>
				<a class="buy-btn" href="https://qianshangrhl.tmall.com/?spm=a1z10.3-b-s.1997427721.d4918089.26132882xV3Dmn" target="_blank" title="千山官方旗舰店-天猫">
					<img src="images/buy.png" alt="点击购买"/>
				</a>
			</div>
			<div class="page">
				<img src="./images/m-page2.jpg"/>
				<img src="./images/m-page3.jpg"/>
				<img src="./images/m-page4.jpg"/>
				<img src="./images/m-page5.jpg"/>
				<img src="./images/m-page6.jpg"/>
			</div>
			<div class="page">
				<img src="./images/m-page7.jpg"/>
				<div class="btn-wrap">
					<a class="weibo-btn" href="https://weibo.com/p/1006066434903260/home?from=page_100606&mod=TAB#place" target="_blank" title="点击访问官方微博">
						<img src="images/weibo.png" alt="qianshan-weibo"/>
					</a>
					<span class="weixin-btn" id="wechat-btn" title="扫码关注-官方微信">
						<img src="images/weixin.png" alt="qianshan-weixin"/>
					</span>
				</div>
			</div>
			<div class="page">
				<div class="check-wrap">
					<span class="arrow arrow-l"></span>
					<span class="arrow arrow-l"></span>
					<span class="arrow arrow-l"></span>
					<a href="http://www.china3-15.com" title="防伪查询入口" class="check-btn">防伪查询入口</a>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-r"></span>
					<span class="arrow arrow-r"></span>
				</div>
				<img src="./images/m-page8.jpg"/>
				<a href="https://www.jd.com" target="_blank" class="jd-btn shop-btn"></a>
				<a href="https://www.taobao.com" target="_blank" class="taobao-btn shop-btn"></a>
			</div>
			<div class="m-layer" id="m-layer" style="display: none;">
				<div class="close-layer" id="close-layer"></div>
				<img src="images/wechat.jpg" alt="官方微信" class="m-hover-img">
			</div>
		</div>
		<script type="text/javascript">
			window.onload = function() {
				var btn = document.getElementById('wechat-btn');
				var layer = document.getElementById('m-layer');
				var closeBtn = document.getElementById('close-layer');
				
				btn.addEventListener('click', function() {
					layer.style.display = 'block';
				}, true)
				
				closeBtn.addEventListener('click', function() {
					layer.style.display = 'none';
				}, true)
			}
		</script>
	</body>
</html>
